<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查看信息</title>
    <script type="text/javascript" src="../../../resource/js/static_url.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../resource/css/user_css/publicStyle.css"/>
    <link rel="stylesheet" type="text/css" href="../../../resource/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../../../resource/layui/css/layui.css"/>
    <script type="text/javascript" src="../../../resource/layui/layui.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../resource/css/niubility.css"/>
    <link rel="stylesheet" type="text/css" href="../../../resource/css/user_css/equipment_info_details.css"/>
    <style>
        #allSearchText{
            cursor: initial;
            background: #fff;
            border: 1px solid #999;
            width: 250px;
            color: #000;
            padding: 0;
            padding: 6px;
            padding-left: 10px;
            position: relative;
            top: 15px;
            left: 450px;
        }
        #allSearch{
            cursor: initial;
            padding: 6px;
            width: 72px;
            position: relative;
            top: 15px;
            left: 438px;
        }
    </style>
</head>
<body>
    <!-- *****************详细信息弹出层：我给动态生成留了一个地方 **************-->
    <div class="popUp" id="popUp">
        <table class="table table-bordered"></table>
        <table class="table table-bordered"></table>
        <table class="table table-bordered"></table>
        <table class="table table-bordered"></table>
        <table class="table table-bordered"></table>
    </div>
    <!-- 头部按钮 -->
    <div class="bs">
        <input type="button" value="生命周期" id="lifeCycle">
        <input type="button" value="详细信息" id="detailedInfo">
        <input type="text" placeholder="请输入相关的查询信息" id="allSearchText">
        <input type="button" value="查找" id="allSearch">
    </div>
    <div class="navInfo">
        <span class="navFour">在用设备信息</span> |
        <span class="navFour">调出设备的信息</span> |
        <span class="navFour">报损报废的设备信息</span>
    </div>
    <!-- 一次性发送 3个ajax请求，生命周期的布局先空着 -->
    <div class="dataBox" id="dataBox">
        <div class="tong">
            <!--装变化的数据-->
            <table id="dataTable1" class="table table-bordered table-hover">
            </table>
            <!--用来分页的div-->
            <div class="fenBox">
                <div id="pagination1"></div>
            </div>
        </div>
        <div class="tong">
            <table id="dataTable2" class="table table-bordered table-hover">
            </table>
            <!--用来分页的div-->
            <div class="fenBox">
                <div id="pagination2"></div>
            </div>
        </div>
        <div class="tong">
            <table id="dataTable3" class="table table-bordered table-hover">
            </table>
            <!--用来分页的div-->
            <div class="fenBox">
                <div id="pagination3"></div>
            </div>
        </div>

        <!-- 用来装生命周期 -->
        <div class="tong">
            <table id="dataTable4" class="table table-bordered table-hover">
            </table>
            <!--用来分页的div-->
            <div class="fenBox">
                <div id="pagination4"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../../resource/js/jquery.min.js"></script>
    <script type="text/javascript" src="../../../resource/js/admin_js/equipmentInfoAction.js"></script>
</body>
</html>